window.addEventListener("load", function () {
  let navbar = document.querySelector(".navbar");
  let navbar_hid = document.querySelector(".navbar_hid");
  let navbar_img = document.querySelector(".navbar_img");
  let navbar_img1 = document.querySelector(".navbar_img1");
  let navbarTop = navbar.offsetTop;
  let navbar_a = document.querySelector(".navbar_a");
  navbar.addEventListener("mouseover", function () {
    navbar_hid.style.display = "block";
    navbar_img1.style.display = "block";
    navbar_img.style.display = "none";
    navbar_a.style.backgroundColor = "#313639";
  });
  navbar.addEventListener("mouseleave", function () {
    navbar_hid.style.display = "none";
    navbar_img.style.display = "block";
    navbar_img1.style.display = "none";
    navbar_a.style.backgroundColor = "";
  });
});
